/****
Grouse Socks
http://grousesocks.com
20070406
****/

/* Global White Space Reset - an oldie but a goodie
http://leftjustified.net/journal/2004/10/19/global-ws-reset/
*/

* {font: 100.01%/1 Arial, Verdana, sans-serif; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin: 1em 5%;}
li, dd {margin-left: 5%;}
fieldset {padding: 0.5em;}

/* Thanks to Andrew Krespanis for that one */


/*------- CSS 2 -------*/

/**** Structure ****/
body {
	background: #fff;
	color: #000;
	font: 62.5%/1.2 Helvetica, Arial, Verdana, sans-serif; 
	margin: 0;
	padding: 0;
}

body.home {}
body.loggedin {}
body.notes {}

#page {font-size: 1.6em;}

#header {background: red;height: 18em; position: relative;}
	#header img {float: left;}
	body.home #header h1, #header p.title {left: -9999em; position: absolute; top: -9999em;}
	body.home #header h2, #header p.tagline {font-size: 2em; font-style: italic; left: 210px; position: absolute; top: 130px;}
	#header ul#nav {float: right; zposition: absolute; right: 10em; top: 0;}
		#nav li {display: inline; list-style-type: none;}
			#nav li a:link, #nav li a:visited {background: #fff; color: #000;}
			#nav li a:hover, #nav li a:active, #nav li a:focus {text-decoration: none;}

			#header form {font-size: 1em; float: right; margin: 0 2em 1em; width: 16em;}
				#header form fieldset {border: none; margin: 0; padding: 0;}
					#header form legend {font-size: 1px; height: 1px; left: -9999em; position: absolute; text-indent: -9999em; top: -9999em;}
					#header form label {display: block;} 
						#header form span {display: block;}
						#header form input {margin: 0; width: 14em;}
					#header form input.submit {font-size: 1.2em; margin: 0 5% 0; width: auto;}
					#header form a.register {float: right; font-size: 1.4em; margin: 0 1em 0 0; position: relative; top: -1em; }

					#header form#login {background: #ffecb4; border: 1px solid #c8c8c8; color: #000;}
						#login #label-remember span {display: inline;}
						#login #label-remember input {width: auto;}
						#login a.register {background: #ffecb4; color: #000;}
					
					#header form#search {background: #ffb4a1; border: 1px solid #c8c8c8; color: #000;}
						#search a.register {background: #ffb4a1; color: #000;}
			
	#maincontent {margin: 0 auto 2em; width: 70em;}
	
	#profiles {float: left; margin: 2em 0; width: 70em;}
		#profiles dl.peep {background: green; float: left; margin: 0 1em; position: relative; width: 21em;}
			#profiles dt {background: yellow url('images/bg-profiles-peep.jpg') no-repeat center center; font-weight: bold; font-size: 1.8em; zheight: 148px; padding: 2em; width: 276px;}
			#profiles dd.avatar {background: orange; position: absolute; right:5em; top: 1.2em;}
			#profiles dd.note {margin: 1em 0 0;}

			#profiles dd.char40a {}
			#profiles dd.char80a {}
			#profiles dd.char120a {}
			
		#profiles dl.you {}
			#profiles dl.you dt {}
			#profiles dl.you dd.avatar {}
				#profiles dl.you dd.note {}
				
		body.notes #maincontent {background: red; width: 60em;}
		body.notes #profiles {background: blue; float: left; width: 30em;}
		
			#profiles dl.vcard {}
				dl.vcard dt.fn {}
				dl.vcard dd.avatar {}
					dl.vcard dd.avatar img.photo {}
				dl.vcard dd.email {}
					dl.vcard dd.email a {}
				dl.vcard dd.url {}
					dl.vcard dd.url a {}
				dl.vcard dd.description {}

			#maincontent #find-friends {background: yellow; width: 30em;}

			#maincontent #notes {background: green; float: right; width: 30em;}
				#notes form#add-note {}
					#add-notes fieldset {}
					#add-notes legend {}
					#add-notes label {}
						#add-notes label span {}
						#add-notes label input {}
						 	#label-anonymity {}
							
					#add-notes input.submit {}

				#notes dl.current-notes {background: orange; clear: both; float: left; margin: 1em auto; width: 26em;}
					dl.current-notes dt.note {}
					dl.current-notes dd {float: left;}
					dl.current-notes dd.avatar {}
					dl.current-notes dd.mark-note {}
						dl.current-notes dd.mark-note img {}
					dl.current-notes dd.approve-note {}
						dl.current-notes dd.approve-note img {}
					dl.current-notes dd.moderate-note {}
						dl.current-notes dd.moderate-note img {}
								
	
	#subcontent {}
	
		#find-friends {background: red; clear: left; float: left; width: 35em;}
			#find-friends fieldset {border: none;}
				#find-friends legend {}
				#find-friends label {display: block; margin: 1em 0; width: 20em;}
					#find-friends label span {left: -9999em; position: absolute; text-indent: -9999em; top: -9999em;}
					#find-friends label input {width: 20em;}
				#find-friends input.submit {clear: both;}
		
		#explore {background: blue; float: left; width: 35em;}
			#explore h3 {}
			#explore ul {}
				#explore ul li {}
	
	#footer {background: #fff url('images/bg-footer.jpg') repeat-x 0 0; clear: both; float: left; margin: 0 0 0.5em; padding: 8.125em 0 0; width: 100%;}
		#footer ul {margin: 1em auto; width: 40em;}
			#footer ul li {display: inline; list-style-type: none;}
				#footer ul li a {color: #000;}
	
